export default {
	// 为当前模块开启命名空间
	namespaced: true,

	// 模块的 state 数据
	state: () => ({
		// 购物车的数组，用来存储购物车中每个商品的信息对象
		// 每个商品的信息对象，都包含如下 6 个属性：
		// { goods_id, goods_name, goods_price, goods_count, goods_small_logo, goods_state }
		// cart: [],
		cart: JSON.parse(uni.getStorageSync('cart') || '[]')
	}),

	// 模块的 mutations 方法
	mutations: {
		addToCart(state, goods) {
			// 根据提交的商品的Id，查询购物车中是否存在这件商品
			// 如果不存在，则 findResult 为 undefined；否则，为查找到的商品信息对象
			const findResult = state.cart.find((x) => x.goods_id === goods.goods_id)
			// console.log(findResult);

			if (!findResult) {
				// 如果购物车中没有这件商品，则直接 push
				state.cart.push(goods)
			} else {
				// 如果购物车中有这件商品，则只更新数量即可
				findResult.goods_count++
			}

			// console.log(state.cart);

			// 通过commit 方法 ，调用m_cart 命名空间下的saveToStorage 方法
			this.commit("m_cart/saveToStorage")
		},
		// 在cart.js模块中，声明一个叫做 saveToStorage 的muations 方法 ，此方法负责将购物车中的数据持久化存储到本地
		// 将购物车中的数据持久化存储到本地
		saveToStorage(state) {
			uni.setStorageSync("cart", JSON.stringify(state.cart))
		},
		// 修改购物车中商品的勾选状态
		// 在 store/cart.js 模块中，声明如下的 mutations 方法，用来修改对应商品的勾选状态：
		// 更新购物车中商品的勾选状态
		updateGoodsState(state, goods) {
			// 先查询出来  根据goods_id 查询 购物车中对应商品的信息列表
			const findResult = state.cart.find(x => x.goods_id === goods.goods_id)

			// 如果有对应的商品信息
			if (findResult) {
				// 更新对应商品的勾选状态 
				findResult.goods_state = goods.goods_state

				// 更改玩持久化存储到 本地 
				this.commit('m_cart/saveToStorage')
			}
		},
		// 修改购物车中商品的数量
		// 在 store/cart.js 模块中，声明如下的 mutations 方法，用来修改对应商品的数量
		updateGoodsCount(state, goods) {
			// 根据goods_id 查询购物车中对应商品的信息
			const findResult = state.cart.find(x => x.goods_id === goods.goods_id)

			if (findResult) {
				// 更新对应商品的数量
				findResult.goods_count = goods.goods_count
				// 持久化存储到本地
				this.commit('m_cart/saveToStorage')

			}
		},
		// 根据商品ID 从购物车中删除对应的商品信息
		removeGoodsById(state, goods_id) {
			// 调用数组的filter 方法进行过滤
			state.cart = state.cart.filter(x => x.goods_id !== goods_id)
			// 持久化存储到本地
			this.commit("m_cart/saveToStorage")
		},
		// 实现商品的全选/反选功能
		// 在 store/cart.js 模块中，定义一个叫做 updateAllGoodsState 的 mutations 方法，用来修改所有商品的勾选状态：
		// 更新的所有商品的勾选状态
		updateAllGoodsState(state, newState) {
			// 循环更新购物车中没见商品的状态
			state.cart.forEach(x => x.goods_state = newState)
			// 持久化存储到本地
			this.commit("m_cart/saveToStorage")
		}
	},

	// 模块的 getters 属性  用于对 state 中的数据进行加工，类似组件中的计算属性 computed
	// 动态 统计购物车中商品得总数量  BB1
	getters: {
		total(state) {
			// let c = 0;
			// // 循环统计商品得数量 ，累加到变量c 中
			// state.cart.forEach(goods => c += goods.goods_count)
			// return c
			return state.cart.reduce((total, item) => total += item.goods_count, 0)
		},
		// 勾选商品的总数量
		checkedCount(state) {
			// 先使用filter 方法 ，从购物车中过滤已勾选的商品
			// 在使用reduce 方法 ，将已将勾选的商品总数量进行累加
			// reduce() 的返回值就是已勾选的商品的总数量

			return state.cart.filter(x => x.goods_state).reduce((total, item) => total += item.goods_count, 0)
		},
		// 动态渲染全选按钮的选中状态
		// 使用 mapGetters 辅助函数，将商品的总数量映射到当前组件中使用，并定义一个叫做 isFullCheck 的计算属性：

		// 动态渲染已经勾选的商品价格
		checkedGoodsAmount(state) {
			// 先使用 filter 方法，从购物车中过滤器已勾选的商品
			// 再使用 reduce 方法，将已勾选的商品数量 * 单价之后，进行累加
			// reduce() 的返回值就是已勾选的商品的总价
			// 最后调用 toFixed(2) 方法，保留两位小数

			return state.cart.filter(x => x.goods_state).reduce((total, item) => total += item.goods_count * item
				.goods_price, 0).toFixed(2)
		}

	}
}